<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Title</title>
    <link rel="stylesheet" href="build/example.css">
    <link rel="stylesheet" href="build/jquery-weui.css">
    <link rel="stylesheet" href="build/weui.css">
    <script src="build/jquery-2.1.4.js"></script>
    <script src="build/jquery-weui.js"></script>
</head>
<body>
<!--头部标题-->
    <div class="weui-tab">
        <div class="page cell">
            <div class="nav">
                <p class="nav-p">豆瓣</p>
            </div>
            <!--登录界面-->
            <div class="weui-cells weui-cells_form">
                <div class="weui-cell">
                    <div class="weui-cell__bd">
                        <input type="text" class="weui-input" placeholder="邮箱/手机号/用户名">
                    </div>
                </div>
                <div class="weui-cell">
                    <div class="weui-cell__bd">
                        <input type="text" class="weui-input" placeholder="密码（最少6位）">
                    </div>
                </div>
                <div class="weui-btn-area" style="text-align: center">
                    <button class="weui-btn weui-btn_primary">登录</button>
                    <a href="" style="font-size: 10px">使用其他方法登录</a> <a href="" style="font-size: 10px; color:#aaa">&找回密码</a>
                </div>
            </div>


        </div>

    </div>

</body>
</html>